<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>找回密码-众源</title>
	<link rel="stylesheet" href="../css/xingchao.css">
     <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/layer/layer.js"></script>
    <script type="text/javascript" src="../js/jquery.md5.js"></script>
    <style>
	ul.reg_top{ width:300px; margin:20px 40px 20px 140px}
	.reg_top li{ width:100px; padding:10px 15px; background:#fff; float:left}
	.reg_top li.active,.reg_top li:hover{ background:#3DA8F5}
	.reg_top li a{ color:#333}
	.reg_top li.active a,.reg_top li:hover a{ color:#f1f1f1}
	</style>
</head>
<body>

<div class="login" style="height: 380px;">
	<img src="../images/logo.png" alt="">
	<div class="login_form" style="height: 480px;">
		<h2>Find back your password</h2>
       
        <ul class="reg_top">
          <li class="active"><a href="javascript:;"  data-type="find">Phone	based</a></li>
           <li><a href="javascript:;" data-type="find">Email-based</a></li>
           <div style="clear:both"></div>
        </ul>
		<form action="" method="" onSubmit="return false;">

			<div  id="mobile_box"  style="height: 55px;line-height: 55px;">
				<span class="l" style="width: 96px;">CellPhone:</span>
				<input type="text" name="phone" id="phone" class="i1" placeholder="phone number	" style="width: 75%;margin-top: 0px;">
			</div>
             <div id="email_box" style="height: 55px;line-height: 55px; display:none">
				<span class="l" style="width: 96px;">Email:</span>
				<input type="text" name="email"  id="email" class="i1" placeholder="email" style="width: 75%;margin-top: 0px;">
			</div>
			<div id="code_box" style="height: 55px;line-height: 55px;">
				<span class="l" style="width: 96px;">ValidCode:</span>
				<input type="text" name="phoneCode" id="phoneCode" class="i1" placeholder="please input valid code" style="width: 35%;margin-top: 0px;">
					<button class="i1" id="getCode" style="width: 39%;margin-top: 0px;padding: 0px 4px 0px;height: 42px;">Click to get code</button>
			</div>
			<div style="height: 55px;line-height: 55px;">
				<span class="l" style="width: 96px;">NewPassword</span>
				<input type="password" name="password" id="password" class="i1" placeholder="New password" style="width: 75%;margin-top: 0px;">
			</div>
			<div style="height: 55px;line-height: 55px;">
				<span class="l" style="width: 96px;">Again：</span>
				<input type="password" name="password2"  id="password2" class="i1" placeholder="password again" style="width: 75%;margin-top: 0px;">
			</div>

			<input type="submit" id="btnFindPwd" name="submit" class="i2">
		</form>
<p>
			Already have one?
			<a href="login.html" style="color: #FFFFFF;">login Immediately!</a>
		</p>
	</div>
</div>
	
</body>
</html>
<script type="text/javascript" src="../js/App.min.js"></script>